<head>
    <title id="bt"></title>
    <meta name="keywords" content="这里填写关键词"/>
    <meta name="description" content="这里填写页面描述"/>
    <meta property="og:url" content="https://ty.happindo.com" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="" id="ogTitle"/>
    <meta property="og:description" content="" id="ogDesc"/>
    <meta property="og:image" content="" id="ogImg"/>
    <meta property="twitter:url" content="https://ty.happindo.com" />
    <meta property="twitter:title" content="" id="ttTitle"/>
    <meta property="twitter:description" content="" id="ttDesc"/>
    <meta property="twitter:image" content="" id="ttImg"/>
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:site" content="@PixCut" />
</head>
<!-- 这里还是一个标准的BUI页面 -->
<style>
    .userInfo{
        color: rgb(255,85,46);
    }
    .userInfoContent{
        color: #000;
    }

    .footer{
        background: white;
        height:1rem;
        width:100%;
        position:fixed;
        bottom:0;
        z-index: 100;
    }
    .lyText{
        padding-left: 30px; clear: both; font-size: 0.27rem; color: black; margin-top: 5px;text-align: left;
    }
    .articleTop::after {
        content: '';
        position: absolute;
        height: 1px;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #e0e0e0;
        transform: scaleY(.5);
        -webkit-transform-origin-y: bottom;
        -moz-transform-origin-y: bottom;
        transform-origin-y: bottom;
    }
    .articleTop {
        margin: 0 0.29rem;
        box-sizing: border-box;
        padding-top: .44rem;
        padding-bottom: .45rem;
        position: relative;
    }
    #cateTab {
        font-size: .34rem;
        line-height: .32rem;
        margin-bottom: .15rem;
        color: #000;
    }
    #tip-hd {
        color: #666;
        line-height: .36rem;
    }
    .contact {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: .31rem;
        margin-right: 0.29rem;
        margin-left: 0.29rem;
        line-height: .48rem;
        font-size: .32rem;
        color: #000;
        position: relative;
    }
    .foot-ly {
        cursor: pointer;
        height: 100%;
        width: 1.2rem;
        background-color: #fff;
        color: #666;
        font-size: .2rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: normal;
    }
    .foot-ly::before {
        display: -ms-flexbox;
        display: flex;
        content: '';
        background: url(images/detail-icon-new.png) 0 -1.05rem no-repeat;
        background-size: 6.9rem 4.7rem;
        width: .44rem;
        height: .44rem;
    }
    .foot-ly::after {
        content: '留言';
    }
    .footer-contact::before {
        display: -ms-flexbox;
        display: flex;
        content: '';
        background: url(images/detail-icon-new.png) -.6rem -.52rem no-repeat;
        background-size: 6.9rem 4.7rem;
        height: .44rem;
        width: .44rem;
        margin-right: .1rem;
    }
    .footer-contact::after {
        content: '联系本帖';
    }
    .footer-contact {
        height: .8rem;
        border-radius: .04rem;
        color: #fff;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #f1a82a;
        margin-right: .1rem;
        position: relative;
        margin-top: 4px;
    }
    .join::after {
        content: '关注公众号';
    }
    .join::before {
        background-position: 0 -.52rem;
    }
    .join {
        background-color: #ff552e;
        margin-right: 0.3rem;
    }
    .contact-menu {
        transform: scale(0);
        background-color: #fff;
        color: #000;
        position: absolute;
        left: 1.2rem;
        right: 0;
        bottom: 1rem;
        overflow: hidden;
        opacity: 0;
        transition-property: opacity, transform;
        transition-duration: .3s;
        transform-origin: center bottom;
        border-top-left-radius: .04rem;
        border-top-right-radius: .04rem;
        box-shadow: 0 0 29px 0 rgba(217, 226, 233, .65);
    }
    .contact-menu-item::after {
        content: '';
        position: absolute;
        height: 1px;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #f3f3f3;
        transform: scaleY(.5);
        -webkit-transform-origin-y: bottom;
        -moz-transform-origin-y: bottom;
        transform-origin-y: bottom;
    }
    .contact-menu-item {
        height: .8rem;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .contact-tel {
        background: url(images/img_tit.png) no-repeat 0 -.63rem;
        background-size: auto;
        background-size: .5rem 1.8rem;
        height: .46rem;
        width: .55rem;
        position: absolute;
        right: 1.3rem;
    }
    .imgBJ{
        text-align: center;
    }
    .listImg2{
        width: 2.2rem;
        height: 1.7rem;
    }
    .listImg{
        width: 3rem;
        height: 1.7rem;
    }
    .listTab{
        color: #f15c3a;
    }
    .uk-badge {
        position: absolute;
        top: 3px;
        background: #f15c3a;
        font-size: 10px;
        box-sizing: border-box;
        min-width: 18px;
        height: 18px;
        padding: 9px 2px;
        border-radius: 500px;
        color: white;
        line-height: 0;
        display: none;
    }
    .fhText{
        color: #4d484c;
        font-size: 0.28rem;
    }
    .icon-back{
        color: #4d484c !important;
    }
    .zdK{
        float: left;
        color: white;
        background-color: #32d296;
        margin-top: 1px;
        margin-right: 5px;
        border-radius: 2px;
        padding: 0 10px;
    }
    .language {
        margin: 5px;
        font-size: 0.22rem;
    }
    .languageSelect{
        width: 18px;
        margin-right: 5px;
        background: white;
        color: black;
        border: 0;
        height: 18px;
        padding: 0;
    }
    .imgBJPC{
        text-align: center;
        padding-left: 15px;
        max-height: 225px;
        overflow: hidden;
    }
    .imgBJ{
        text-align: center;
        padding-left: 15px;
        max-height: 70px;
        overflow: hidden;
    }
</style>
<div style="height: 10%;width: 100%;background: #999999;color: white;text-align: center;font-size: 0.8rem;display: none" id="gqSign">
    <span style="position: relative;top: 20%">已过期</span>
</div>
<div class="ignore" style="background-color: rgb(255,85,46);min-height: 30px;line-height: 30px;color: white;text-align: right" id="languageContent">
</div>
<div class="bui-page bui-box-vertical" id="loading">
    <header>
        <div class="bui-bar" style="background-color: rgb(246,246,246);border-bottom: solid 1px #dadada">
            <div class="bui-bar-left" style="width: auto;margin-right: 3px;">
                <!-- 左边有图标示例 -->
                <div class="bui-btn btn-back" id="articleFh"><i class="icon-back"></i></div>
            </div>
            <div class="bui-bar-main" style="text-align: left">
                <label id="sy" class="fhText">首页</label><label style="margin: 0 0.1rem; width: 1px;color: #4d484c;">|</label><label id="name1" class="fhText"></label>
                <i class="uk-badge" id="cateCount"></i>
            </div>
            <div class="bui-bar-right" style="width: 38%;line-height: 43px;color: #4d484c;">
                <label id="gz">+关注</label><label style="margin: 0 0.1rem; width: 1px">|</label><label id="fb">发布</label>
            </div>
        </div>
    </header>
    <main>
        <div id="scrollList1" class="bui-scroll" style="background-color: white">
            <img id="advertise1" class="advert" style="width: 100%; height: 1.5rem;display: none">
            <img id="advertise12" class="advert" style="width: 100%; height: 1.5rem;display: none;margin-top: 0.12rem">
            <div style="margin-bottom: 0.31rem">
                <div class="articleTop">

                    <div class="bui-box">
                        <div class="span1">
                            <p id="cateTab"></p>
                            <p id="tip-hd">
                                <span id="time"></span>
                                <br>
                                <span id="country2"></span>
                            </p>
                        </div>
                        <div>
                            <div id="scHb" style="width: 40px;height: 40px;border-radius: 40px;background: #00B066;color: white;font-size: 0.24rem;text-align: center;padding-top: 3px;font-weight: bold;">
                                生成<br>
                                海报
                            </div>
                        </div>
                    </div>

                </div>
                <div class="bui-box contact">
                    <div class="span1">
                        <div id="dh" class="bui-box" style="display: none">
                            <div class="span1">
                                <span class="userInfo">电话：</span>
                                <span class="userInfoContent" id="phone"></span>
                            </div>
                            <a id="phoneBtn" class="contact-tel" style="display: none">
                            </a>
                        </div>
                        <div id="weixin" style="display: none">
                            <span class="userInfo">微信：</span>
                            <span class="userInfoContent" id="wx"></span>
                        </div>
                        <div id="youxiang" style="display: none">
                            <span class="userInfo">邮箱：</span>
                            <span class="userInfoContent" id="email"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div style="margin: 0 0.29rem">
                <p id="title1" style="font-weight: bold; margin-bottom: 0.31rem;display: none;color: black;"></p>
                <div id="content1" style="color: black"></div>
                <div id="imgs1" style="display: none;">

                </div>
            </div>
            <div id="addressK" style="display: none">
                <span class="userInfo">公司地址：</span>
                <span class="userInfoContent" id="address"></span>
            </div>

            <p style="font-size: 0.2rem;padding: 10px; margin-top: 80px; margin-bottom: 10px" id="articleFooter">
            </p>

            <div style="background: white; margin-bottom: 10px; display: none;max-height: 3rem; overflow-y: scroll" id="plScrollListK">
                <p style="padding: 10px;color: black; padding-top: 20px">网友留言</p>
                <div id="plScrollList">

                </div>
                <div style="height: 0.4rem; width: 60%;border-radius: 5px;border: 1px solid;color: black; text-align: center; line-height: 0.4rem;margin: 0 auto;display: none" id="loadMore">
                    加载更多
                </div>
            </div>
            <div class="bui-box" style="width: 100%; height: 0.6rem;border-radius: 5px;padding-left: 10px; padding-right: 10px" id="lyK">
                <div class="span1">
                    <div class="bui-input" style="height: 100%; background: rgb(248,248,248);">
                        <input id="lyText" type="text" placeholder="请登录再留言" style="padding-left: 10px">
                    </div>
                </div>
                <div style="height: 100%; width: 1.5rem;border-radius: 5px;background-color: rgb(255,85,46);color: white; text-align: center; line-height: 0.6rem" id="lyBtn">
                    留言
                </div>
            </div>

            <div class="bui-box-vertical" style="height:5rem;padding: 10px; background: rgb(248,248,248); display: none" id="ggk">
                <div class="span1" style="line-height: 1.5rem; background: white">
                    <img id="advertise2" class="advert" style="width: 100%; height: 1.5rem;">
                </div>
                <div class="span1" style="line-height: 1.5rem; background: white">
                    <img id="advertise3" class="advert" style="width: 100%; height: 1.5rem;">
                </div>
                <div class="span1" style="line-height: 1.5rem; background: white">
                    <img id="advertise4" class="advert" style="width: 100%; height: 1.5rem;">
                </div>
            </div>
            <p id="listTitle1" style="font-size: 0.34rem;color: black; padding: .26rem 0 .21rem .31rem;line-height: .34rem; background: white; margin: 0"></p>
            <!--                <div class="bui-scroll-head"></div>-->
            <div class="bui-scroll-main">
                <ul class="bui-list bui-list-thumbnail">

                </ul>
            </div>
            <div class="bui-scroll-foot"></div>

            <div class="contact-menu" style="display: block; opacity: 1; transform: scale(1);width: 147px;position: fixed;z-index: 100;" id="articleMenu">
                <a class="contact-menu-item" id="articleTel">拨打电话</a>
                <a class="contact-menu-item btn" id="copy">复制微信</a>
            </div>
            <div class="footer bui-box">
                <div class="foot-ly" id="ly">
                </div>
                <div class="span1" id="lxfs">
                    <div  class="footer-contact">

                    </div>
                </div>
                <div class="span1" id="gzMy">
                    <div class="footer-contact join">

                    </div>
                </div>
            </div>
        </div>

        <!-- 中间自定义弹出框结构	 -->
        <div id="gzDialog1" class="bui-dialog" style="display: none;width: 300px; height: 400px">
            <div class="bui-dialog-head">微信二维码</div>
            <div class="bui-dialog-main">
                <div id="glyQrcodeK" style="display: none">
                    <p style="text-align: center">社群主二维码</p>
                    <img style="width: 200px;" id="qrcode2">
                </div>
                <p style="text-align: center">公众号二维码</p>
                <img style="width: 200px;" id="qrcode1">
            </div>
            <div class="bui-dialog-close"><i class="icon-close"></i></div>
        </div>

        <!-- 图片查看对话框	 -->
        <div id="lookDialog" class="bui-dialog" style="display: none; background: black;">
<!--            <div class="bui-dialog-head">查看图片</div>-->
<!--            <div class="bui-dialog-main">-->
            <div style="display: flex; align-items: center; justify-content: center;width: 100%;height: 100%">
                <img id="lookImg" style="width: 100%;"/>
            </div>

<!--            </div>-->
<!--            <div class="bui-dialog-close"><i class="icon-close"></i></div>-->
        </div>

        <div id="qrcodeHb" style="background: linear-gradient(to bottom, rgb(98,196,168), rgb(200,240,232)); border-radius: 8px; width: 300px; height: 400px;margin: 0 auto;display: none">
            <div class="bui-box" style="height: 68px">
                <div class="span1" style="padding-left: 14px">
                    <p id="typeStr" style="color: white;font-size: 0.3rem;font-weight: bold;margin: 0;margin-top: 13px;padding: 0;text-align: left;padding-left: 11px">
                    </p>
                    <p style="margin: 0;text-align: left">
                        <img src="images/wz.png" style="width: 10px">
                        <span style="color: white;font-size: 0.25rem" id="position"></span>
                    </p>
                </div>
                <div class="span2" style="text-align: inherit;padding-right: 7px;">
                    <img src="images/headBj.png" style="width: 180px;margin-top: 6px;margin-right: -20px;">
                </div>
            </div>
            <div style="margin: 0 auto;width: 90%;height: 80%;border-radius: 10px;background: white;">
                <div class="bui-btn bui-box" style="border-top-left-radius: 10px;border-top-right-radius: 10px;height: 62px">
                    <div style="width: 40px;margin-right: 10px;">
                        <img width="40px" height="40px" style="border-radius: 10px" id="avater">
                    </div>
                    <div class="span1">
                        <p id="userName" style="margin: 0;padding: 0;padding-left: 10px;font-size: 0.23rem;color: black"></p>
                        <p id="timeCity" style="font-size: 0.2rem; color: rgb(157,157,159)"></p>
                    </div>
                </div>
                <div style="color: black;font-size: 0.25rem;text-align: left;padding: 10px;height: 180px;">
                    <div id="articleContent">

                    </div>
                    <div id="lookQw" style="width: 40px;height: 13px;line-height: 13px;font-size: 0.14rem;text-align: center;color: rgb(67,155,138);background: rgb(230,244,242);border-radius: 2px;margin-top: 4px;display: none">
                        查看全文
                    </div>
                    <div class="bui-box" id="imgs2" style="display: none;margin-top: 10px">
                        <!--                            <div class="span1 '+picClass+'">-->
                        <!--                                <img src="'+el.imgs[i]+'?x-oss-process=style/index" alt="">-->
                        <!--                            </div>-->
                    </div>
                </div>
                <div style="border-bottom: 1px solid rgb(236,236,238);"></div>

                <div class="bui-box" style="height: 52px;overflow: hidden">
                    <div class="span1" style="padding-top: 2px">
                        <p style="color: black;font-size: 0.292rem;margin: 0;padding-left: 10px;">
                            海外最火的国人线上社区！
                        </p>
                        <div class="bui-box" style="padding-left: 10px">
                            <div class="span1">
                                <div style="color: rgb(189,129,64); background: rgb(246,239,221);height: 18px;line-height: 18px;width: 90%;font-size: 0.17rem;">
                                    充值缴费
                                </div>
                            </div>
                            <div class="span1">
                                <div style="color: rgb(72,156,44); background: rgb(226,244,246);height: 18px;line-height: 18px;width: 90%;font-size: 0.17rem;">
                                    生活服务
                                </div>
                            </div>
                            <div class="span1">
                                <div style="color: rgb(110,87,163); background: rgb(241,232,251);height: 18px;line-height: 18px;width: 90%;font-size: 0.17rem;">
                                    咨询交流
                                </div>
                            </div>
                            <div class="span1">
                                <div style="color: rgb(195,66,94); background: rgb(254,230,243);height: 18px;line-height: 18px;width: 90%;font-size: 0.17rem;">
                                    万人社群
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <img style="width: 60px;object-fit: contain;" id="qrcode">
                    </div>
                </div>
                <div class="bui-box">
                    <div style="font-size: 0.22rem;color:black;font-weight: bold;text-align: left;padding-left: 10px;">
                        <img src=""> 海外同城
                    </div>
                    <span class="span1" style="text-align: right">
                                <p style="font-size: 0.15rem;color: rgb(140,140,140)">扫码查看完整图文和更多精彩</p>
                            </span>
                </div>
            </div>
        </div>


        <!-- 中间自定义弹出框结构	 -->
        <div id="scQrcodeDialog" class="bui-dialog" style="display: none;width: 320px;height: 450px">
            <div class="bui-dialog-head">文章二维码</div>
            <div class="bui-dialog-main">
                <img style="width: 290px;object-fit: contain;" id="showQrcodePic">

                <div class="bui-box">
                    <div class="span1">
                        <div id="downloadQrcode" class="czbtn" style="background: orange;color: white;font-size: 15px;font-weight: bold;margin-top: 10px;display: none">
                            下载二维码
                        </div>
                    </div>
                    <div class="span1">
                        <div id="share" class="czbtn" style="background: #14b2e0;color: white;font-size: 15px;font-weight: bold;margin-top: 10px;">
                            分享
                        </div>
                    </div>
                </div>
            </div>
            <div class="bui-dialog-close"><i class="icon-close"></i></div>
        </div>

        <!-- 中间自定义弹出框结构	 -->
        <div id="shareDialog" class="bui-dialog" style="display: none;width: 300px">
            <ul class="bui-list" style="margin-top: 22px">
                <li class="bui-btn bui-box" id="wb">
                    <div class="span1">分享到微博</div>
                    <i class="icon-listright"></i>
                </li>
                <li class="bui-btn bui-box" id="facebook">
                    <div class="span1">
                        分享到FaceBook
                    </div>
                    <i class="icon-listright"></i>
                </li>
                <li class="bui-btn bui-box" id="tt">
                    <div class="span1">
                        分享到推特
                    </div>
                    <i class="icon-listright"></i>
                </li>
            </ul>
            <div class="bui-dialog-close"><i class="icon-close"></i></div>
        </div>
    </main>
    <footer>

    </footer>
</div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                               
                      
